@charset "utf-8";
.user_container {
    background: $grey_bg;
    padding: 0 10px 10px;
    .userHead {
        margin: 0 -10px;
        background: url("../img/loginBg.png");
        min-height: 260px;
        padding-top: 10%;
        border-bottom: 1px solid #fff;
        .loginInfo {
            width: 100%;
            text-align: center;
            >img {
                @include radius(50%);
                // margin:6% auto;
            }
            dl {
                dt {
                    margin: 20px auto;
                    font-weight: 100;
                    .title {
                        font-size: 2rem;
                    }
                    .netAddress {
                        font-size: 1.5rem;
                    }
                }
                dd {
                    padding-bottom: 20%;
                }
            }
        }
        .unlogin {
            width: 100%;
            text-align: center;
            .title {
                // margin:8% auto;
            }
            .btngroup {
                padding: 15% 0 10%;
                .btn-first,
                .btn-last {
                    font-size: 1.8rem;
                    margin: 0 10px;
                    @include data-btn(25%,30px,$green);
                }
                .btn-last {
                    @include data-btn(25%,30px,$lightGrey);
                }
            }
        }
    }
}
.userSetList {
    margin: 0 -10px;
    .panel-default {
        border: 0;
    }
    .list-group {
        background: $grey_bg;
        a {
            text-decoration: none;
            color: #000;
            cursor: pointer;
        }
        img {
            width: 25px;
            margin-right: 10px;
        }
        li:first-child {
            border-top: 0;
        }
        li:nth-child(3) {
            border-bottom: 0;
        }
        .margin_top {
            margin-top: 5%;
            border: 0;
        }
    }
    .btn-red {
        @include data-btn(100%,23px,#ff5000);
    }
}
.mui-modal {
    width: 100%;
    .mui-title {
        margin-top: 20px;
        text-align: center;
        color: $green;
    }
    .dailogFrm {
        .input-group {
            .input-group-addon {
                border-right: 0;
                background: #fff;
            }
        }
        //      .input-group{
        //           position:relative; 
        //           width:100%;
        //          .input-group-addon{
        //              background:#fff;
        //              position:absolute;
        //              left:2px;
        //              z-index:5;
        //              top:5px;
        //              border:0px;
        //          }
        //          input{padding-left:80px; width:100%;height:40px; -webkit-appearance: none;}
        //      }
        input {
            height: 40px;
            border-left: 0;
            -webkit-appearance: none;
        }
        .getCode {
            color: $green;
            border: 1px solid $green;
            height: 40px;
        }
        .sure {
            @include data-btn(100%,25px,$green);
            margin-bottom: 15px;
        }
    }
}

.user_set {
    margin-bottom: 50px;
    table { 
        background: #fff;
        tr {
            td {
                 line-height:50px;
                .form-group {
                     .col-sm-3,.col-xs-3{
                        padding:0px;
                        padding-left:5px;
                    }
                    >div{
                        .uploadFile{
                            float:right;
                            width:45px;
                            overflow:hidden;
                            position:relative;
                            border:1px solid darkgrey;
                            font-size:25px;
                            height:45px;
                            line-height:30px;
                            text-align: center;
                            padding-top:5px;
                            >input{
                                font-size:100px;
                                position:absolute;
                                top:0px;
                                left:0px;
                                opacity:0;
                            }
                        }
                        .headInfo{
                            display:none;
                            width:50px;
                            height:50px;
                            @include radius(50%);
                        }
                        input{
                            margin-top:10px;
                        }
                    }
                }
            }
        }
    }
    .sure{
        @include data-btn(100%,35px,#2AC000);
    }
}
